@import "element-ui/lib/theme-chalk/index.css";
@import "element-ui/lib/theme-chalk/icon.css";
@import "e-icon-picker/lib/index.css";
@import "font-awesome/css/font-awesome.min.css";
@import "tinymce/skins/ui/oxide/skin.css";
@import "tinymce/skins/ui/oxide/content.css";

html, body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

a, img, button, input, textarea, div {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body > div.el-menu--vertical .el-menu-item, .el-submenu__title {
	height: 36px;
	line-height: 36px;
}

body > div.el-menu--vertical .el-submenu__title {
	padding-bottom: 10px;
}

body > div.el-menu--vertical .el-submenu__title .el-submenu__icon-arrow.el-icon-arrow-right {
	margin-top: -4px;
}

body > div.el-menu--vertical .el-menu--popup-right-start .fa {
	width: 24px;
	height: 18px;
	margin-right: 9px;
	margin-bottom: -5px;
	font-size: 16px;
}

/*在页面正常使用时不用加这个样式，在弹窗使用时，要加这个样式，因为使用弹窗，z-index层数比较低，工具栏的一些工具不能使用，要将z-index层数提高。*/
.tox-tinymce-aux {
	z-index: 5000 !important;
}

.center-vertical {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.center-horizontal {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

/*滚动条的宽度*/
::-webkit-scrollbar {
	width: 6px; /* 设置竖向滚动条的宽度 */
	height: 6px; /* 设置横向滚动条的高度 */
}

/*滚动条的滑块*/
::-webkit-scrollbar-thumb {
	background-color: #4774E5;
	border-radius: inherit;
	position: relative;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #4774E5;
	cursor: pointer;
}
